<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>ZUI-静姐姐-后台通用模板1</title>
		<link rel="stylesheet" href="css/zui.css" />
		<link rel="stylesheet" href="css/public.css" />
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript" src="js/zui.min.js" ></script>
	</head>
	<body style="min-width: 1200px;">
		<div class="y-headerBox bg-primary">
			<nav class="navbar navbar-inverse" role="navigation">
			    <div class="container-fluid">
			      <!-- 导航头部 -->
			      <div class="navbar-header">
			        <!-- 移动设备上的导航切换按钮 -->
			        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-example">
			          <span class="sr-only">切换导航</span>
			          <span class="icon-bar"></span>
			          <span class="icon-bar"></span>
			          <span class="icon-bar"></span>
			        </button>
			        <!-- 品牌名称或logo -->
			        <a class="navbar-brand" href="#"><img src="images/logo.png" width="100" /></a>
			      </div>
			      <!-- 导航项目 -->
			      <div class="collapse navbar-collapse navbar-collapse-example">
			        <!-- 一般导航项目 -->
			        <ul class="nav navbar-nav">
			          <li class=""><a href="#">项目</a></li>
			          <li><a href="#">需求</a></li>
			          <!-- 导航中的下拉菜单 -->
			          <li class="dropdown active">
			            <a href="#" class="dropdown-toggle" data-toggle="dropdown">管理 <b class="caret"></b></a>
			            <ul class="dropdown-menu" role="menu">
			              <li><a href="#">任务</a></li>
			              <li><a href="#">待办</a></li>
			              <li><a href="#">Bug</a></li>
			              <li class="divider"></li>
			              <li><a href="#">测试</a></li>
			              <li><a href="#">用例</a></li>
			            </ul>
			          </li>
			        </ul>
			      </div>
			    </div>
			  </nav>
		</div>
		<div class="y-contentBox">
			<div class="y-conLeft">
				<nav class="menu" data-ride="menu" style="width: 200px">
				  <ul id="treeMenu" class="tree tree-menu y-navLeft" data-ride="tree">
				    <li class="active"><a href="main.html" target="mainBox"><i class="icon icon-th"></i>首页</a></li>
				    <li class="">
				      <a href="#"><i class="icon icon-time"></i>商品</a>
				      <ul>
				        <li><a href="goods.html" target="mainBox">商品列表</a></li>
				        <li><a href="goodsAdd.html" target="mainBox">新增商品</a></li>
				        <li><a href="goodsCategory.html" target="mainBox">商品分类</a></li>
				        <li><a href="goodsModel.html" target="mainBox">商品模型</a></li>
				        <li><a href="goodsSpec.html" target="mainBox">商品规格</a></li>
				        <li><a href="brandList.html" target="mainBox">品牌列表</a></li>
				        <li><a href="goodsAttr.html" target="mainBox">商品属性</a></li>
				        <li><a href="evaluateList.html" target="mainBox">评价列表</a></li>
				      </ul>
				    </li>
				    <li class="">
				      <a href="#"><i class="icon icon-time"></i>订单</a>
				      <ul>
				        <li><a href="orderList.html" target="mainBox">订单列表</a></li>
				        <li><a href="invoiceList.html" target="mainBox">发货单</a></li>
				        <li><a href="returnMoneyList.html" target="mainBox">退款单</a></li>
				        <li><a href="returnList.html" target="mainBox">退换货</a></li>
				        <li><a href="orderAdd.html" target="mainBox">添加订单</a></li>
				      </ul>
				    </li>
				    <li class="">
				      <a href="#"><i class="icon icon-time"></i>促销</a>
				      <ul>
				        <li><a href="orderList.html" target="mainBox">抢购管理</a></li>
				        <li><a href="invoiceList.html" target="mainBox">团购管理</a></li>
				        <li><a href="returnMoneyList.html" target="mainBox">优惠促销</a></li>
				        <li><a href="returnList.html" target="mainBox">订单促销</a></li>
				        <li><a href="orderAdd.html" target="mainBox">优惠券</a></li>
				        <li><a href="orderAdd.html" target="mainBox">预售管理</a></li>
				      </ul>
				    </li>
				    
				    <li><a href="#"><i class="icon icon-list-ul"></i>全部</a></li>
				    <li class="">
				      <a href="#"><i class="icon icon-tasks"></i>状态</a>
				      <ul>
				        <li>
				          <a href="#"><i class="icon icon-circle-blank"></i>已就绪</a>
				          <ul>
				            <li><a href="#">已取消</a></li>
				            <li><a href="#">已关闭</a></li>
				          </ul>
				        </li>
				        <li><a href="#"><i class="icon icon-play-sign"></i>进行中</a></li>
				        <li><a href="#"><i class="icon icon-ok-sign"></i>已完成</a></li>
				      </ul>
				    </li>
				  </ul>
				</nav>
			</div>
			<div class="y-conRight" style="min-width: 1200px;">
				<iframe id="mainBox" name="mainBox" scrolling="yes" height="100%" width="100%" frameborder="0" src="main.html"></iframe>
			</div>
		</div>
		
		
		
		
		<script>
			// 手动通过点击模拟高亮菜单项
			$('#treeMenu').on('click', 'a', function() {
			    $('#treeMenu li.active').removeClass('active');
			    $(this).closest('li').addClass('active');
			});
			
		</script>
	</body>
</html>
